<div class="help-center">
	<div class="center-top">
		<h2>帮助中心</h2>
		<div class="top-con">
			<ul>
				<li ng-repeat="item in help track by $index">
					<a href="javascript:;"><span>&gt;&gt;</span>{{item.name}}</a>
					<p ng-bind="item.content"></p>
					<button ng-click="goHelpList(item.helpId)"></button>
				</li>
				
			</ul>
		</div>
	</div>
	<div class="center-bottom">
		<h2>热门问题</h2>
		<div class="bottom-con">
			<ul>
				<li ng-click="goHelpDetail(0,3)"><span>[个人账户]</span>如何修改密码和会员的个人信息？</li>
				<li ng-click="goHelpDetail(3,0)"><span>[资料下载]</span>下载的资料有几种格式，如何打开？</li>
				<li ng-click="goHelpDetail(0,5)"><span>[个人账户]</span>个人会员和企业会员的区别？</li>
				<li ng-click="goHelpDetail(3,1)"><span>[资料下载]</span>下载资料的内容有问题怎么办？</li>
				<li ng-click="goHelpDetail(0,1)"><span>[个人账户]</span>个人如何找回密码？</li>
				<li ng-click="goHelpDetail(1,2)"><span>[企业账户]</span>注册成为企业用户，我们可以做什么？</li>
				<li ng-click="goHelpDetail(1,0)"><span>[企业账户]</span>企业如何在工程界注册与登录？</li>
				<li ng-click="goHelpDetail(0,3)"><span>[上传资料]</span>上传资料有什么奖励？</li>
				<li ng-click="goHelpList(2)"><span>[会员体系及积分规则]</span>积分的使用规则</li>
				<li ng-click="goHelpDetail(4,1)"><span>[上传资料]</span>工程界发布内容规章制度？</li>
			</ul>
		</div>
	</div>
</div>

<style>
	.help-center{
		height: 568px;
		background: #fff;
		padding: 24px;
	}
	.center-top h2{
		height: 29px;
		font-size: 18px;
		color: #555;
		background: url(them/imag/h2line.png) no-repeat center bottom;
	}
	.center-top ul{
		width: 928px;
		height: 204px;
		border: 1px solid #ddd;
		padding-top: 38px;
		background: #fafafa;
		overflow: hidden;
	}
	.center-top li{
		width: 149.5px;
		height: 177px;
		background: url(them/imag/lirightline.png) no-repeat right center;
		float: left;
		padding: 9px 18px 0;
	}
	.center-top li:nth-last-of-type(1){
		background: none;
	}
	.center-top li a{
		display: block;
		color: #4baffe;
		font-size: 12px;
		line-height: 12px;
		cursor: default;
	}
	.center-top li a span{
		margin-right: 10px;
	}
	.center-top li p{
		color: #666;
		height: 125px;
		line-height: 24px;
		margin-top: 10px;
	}
	.center-top li button{
		width: 104px;
		height: 30px;
		background: url(them/imag/helpbtn.png) no-repeat;
		border: 0;
		margin-left: 21px;
		cursor: pointer;
	}
	.center-bottom{
		margin-top: 40px;
	}
	.center-bottom h2{
		height: 29px;
		font-size: 18px;
		color: #555;
		margin-bottom: 20px;
	}
	.center-bottom li{
		width: 444px;
		float: left;
		color: #333;
		padding-left: 22px;
		line-height: 32px;
		background: url(them/imag/helpicon.png) no-repeat left center;
		cursor: pointer;
	}
	.center-bottom li span{
		color: #30a3ff;
	}
	.bottom-con li:hover{
		text-decoration: underline;
	}
</style>